/*********************************************************************************
JANGAN PERNAH MENG-COPY ARTIKEL DAN CSS INI ATAS SE-IZIN ADMIN BLOGZHEY.COM
*********************************************************************************/

/*********************START BZC Blogazine*********************/
body{background-image:-webkit-gradient(linear,right bottom,right top,color-stop(0,rgb(201,129,62)),color-stop(0.5,rgb(224,166,119)),color-stop(1,rgb(255,201,153))
);background-image:-o-linear-gradient(top,rgb(201,129,62) 0%,rgb(224,166,119) 50%,rgb(255,201,153) 100%);background-image:-moz-linear-gradient(top,rgb(201,129,62) 0%,rgb(224,166,119) 50%,rgb(255,201,153) 100%);background-image:-webkit-linear-gradient(top,rgb(201,129,62) 0%,rgb(224,166,119) 50%,rgb(255,201,153) 100%);background-image:-ms-linear-gradient(top,rgb(201,129,62) 0%,rgb(224,166,119) 50%,rgb(255,201,153) 100%);background-image:linear-gradient(to top,rgb(201,129,62) 0%,rgb(224,166,119) 50%,rgb(255,201,153) 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}
a{color:#ffc999}
a:hover{color:#e0a677}
.outer-wrapper{position:relative;min-height:100vh}
.main-wrapper{width:auto;margin:0}
.ct-wrapper{padding:padding:0 20px;position:relative;max-width:auto;margin:0 auto}
#header h1,#header h1 a{color:#ffc999;text-shadow:none;font-family:Squada One;text-transform:uppercase;letter-spacing:0}
.rmm.minimal a{color:#ffc999}
.rmm.minimal a:hover{background:transparent;color:#e0a677}
.rmm.minimal .rmm-toggled-controls{background:#a66831;margin-bottom:2%}
.rmm.minimal .rmm-toggled-title{color:#ffc999}
.rmm.minimal .rmm-button span{background:#ffc999}
.rmm.minimal .rmm-toggled ul li a{border-bottom:1px solid #a66831;color:#ffc999}
.rmm.minimal .rmm-toggled ul li a:hover{background:#a66831;color:#e0a677}
.rmm.minimal .rmm-toggled ul li:first-child a{border-top:1px solid #a66831}
.post{border-bottom:none}
h1.post-title,h1.post-title a:link,h1.post-title a:visited{display:none}
.post-meta,.post-header{display:none}
.home-link,#blog-pager-newer-link a,#blog-pager-older-link a{background:#c9813e;color:#ffc999}
.home-link:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background:#c9813e;color:#e0a677}
.sidebar,.sidebar-wrapper{width:0;position:absolute;padding:0 0 0 0;display:none}
#footer{position:relative;background:#c9813e}
.footer-bottom a{color:#ffc999}
.footer-bottom a:hover{text-decoration:none;color:#e0a677}
.footer-bottom p{color:#ffc999}
.footer-nav li a{color:#ffc999}
.footer-nav ul li a:hover,.footer-nav ul li a:active{color:#e0a677}
.comments{z-index:99;position:relative}
.comments h4{font-size:24px;background:#c9813e;color:#ffc999;text-align:center}
.comments .comments-content .user a{color:#fff}
.comments .comments-content .user a:hover{color:#c9813e}
.comments .comments-content .datetime a{color:#fff}
.comments .comments-content .datetime a:hover{color:#c9813e}
.comments .comments-content .comment-content{color:#fff;text-shadow:none}
.comments .comments-content .comment{background:#e0a677;border:3px solid #c9813e}
.comments .continue a,.comments .comment .comment-actions a{color:#fff}
.comments .continue a:hover,.comments .comment .comment-actions a:hover{color:#c9813e}
#bzc{background:#c9813e;display:block}
::selection{background:transparent;color:transparent}
::-moz-selection{background:transparent;color:transparent}
::-webkit-selection{background:transparent;color:transparent}

/*********************OPEN PANEL*********************/
a.openpanel{display:block;width:100%;height:auto;padding:5px 0 5px 0;text-align:center;font-weight:bold;line-height:30px;background:#c9813e;url()repeat-x;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;position:relative;font-family:Averia Sans Libre}
a.openpanel em{width:0;height:0;display:block;position:absolute;top:15px;right:15px;border:6px solid transparent;border-top-color:transparent}
a.openpanel.active{background:#c9813e;z-index:99;position:relative}
a.openpanel.active em{top:6px;border color:#ffffff}
div.paneline{height:0;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px}
div.hompiPanel{padding:10px 20px 20px;margin:0 0!important}

/*********************DISQUS & SPOILER*********************/
#dis_qus{width:100%;height:auto;background:#e0a677;color:#fff;position:relative;z-index:1000;margin-top:1%;overflow:hidden}
.dis-qus{margin:1% 1% 1% 1%}
.jkomen{width:auto;height:auto;padding:5px 5px 5px 5px;background:#c9813e;color:#ffc999;font-weight:bold;font-family:verdana;margin:1% 1% 1% 1%}
.spoiler{overflow:hidden;width:100%}
.spoiler > div{-webkit-transition:all 0.2s ease;-moz-transition:margin 0.2s ease;-o-transition:all 0.2s ease;transition:margin 0.2s ease}
button.sp-trigger:hover{color:#e0a677}
.spoiler{background-color:transparent;margin:20px 0 0 0;padding:0 0 0 0}
button.sp-trigger{width:100%;display:block;cursor:pointer;margin:10px 0 -20px 0;background:#c9813e;font-weight:bold;font-size:18px;font-family:Averia Sans Libre;color:#ffc999;padding:8px;border-radius:0}
button.sp-trigger.sp-active{background:#c9813e}

/*********************POST*********************/
#box{width:auto;height:400px;position:relative;overflow:hidden;border:5px solid #e6b47e;background-image:-webkit-gradient(linear,right bottom,left top,color-stop(0,rgb(217,167,109)),color-stop(0.22,rgb(230,180,126)),color-stop(1,rgb(255,255,255))
);background-image:-o-linear-gradient(left top,rgb(217,167,109) 0%,rgb(230,180,126) 22%,rgb(255,255,255) 100%);background-image:-moz-linear-gradient(left top,rgb(217,167,109) 0%,rgb(230,180,126) 22%,rgb(255,255,255) 100%);background-image:-webkit-linear-gradient(left top,rgb(217,167,109) 0%,rgb(230,180,126) 22%,rgb(255,255,255) 100%);background-image:-ms-linear-gradient(left top,rgb(217,167,109) 0%,rgb(230,180,126) 22%,rgb(255,255,255) 100%);background-image:linear-gradient(to left top,rgb(217,167,109) 0%,rgb(230,180,126) 22%,rgb(255,255,255) 100%)}
.gsedekah{width:60%;height:auto;position:absolute;z-index:1;margin:0 0 0 -2%}
.jsubox{width:50%;position:relative;z-index:99;float:right;text-align:center;margin:6% 0 0 0}
.investasi{font-size:40px;font-family:Lobster;color:#c9813e;line-height:1.0em;text-shadow:0 0 2px #c9813e}
.sedekah{font-size:75px;font-family:Sanchez;color:#c9813e;text-transform:capitalize;line-height:1.0em;font-weight:bold;text-shadow:0 0 2px #c9813e}
.pengertian{font-size:12px;font-family:Sanchez;color:#c9813e;font-weight:bold;text-shadow:0 0 2px #fff}
.qs{width:auto;position:relative;z-index:99;float:right;text-align:center;color:#000;font-size:12px;font-family:Sanchez;padding:5px;margin:5% 0 0 0;font-weight:bold;text-shadow:0 0 2px #fff,0 0 4px #fff}
.soundcloud{position:relative;text-align:center;margin:0 0 2% 0}
.hsedekah{position:relative;z-index:99;text-align:center;color:#000;font-size:20px;font-family:Sanchez;text-shadow:0 0 2px #fff,0 0 4px #fff;text-transform:uppercase;font-weight:bold}
.hsedekah a{color:#000}
.hsedekah a:hover{color:#e0a677}
#hikmah_sedekah{color:#000;overflow:hidden;display:block;width:0;height:20%;position:fixed;top:20%;right:0;transition:All 1s}
#hikmah_sedekah:target{transition:All 1s;right:5%;width:60%;height:60%;overflow:auto;position:fixed;z-index:999;top:20%;background:#c9813e;padding:10px;border:1px solid #e0a677;box-shadow:0 0 1px #000;font:11px/20px verdana;color:#fff;text-align:justify}
.closed{position:absolute;top:5px;right:5px;font-size:20px}

/*********************RESPONSIVE*********************/
@media screen and (max-width:1024px){.jsubox{width:45%}.qs{margin:6% 0 0 0}}
@media screen and (max-width:850px){.jsubox{width:45%;margin:3% 0 0 0}.investasi,.sedekah{text-shadow:0 0 1px #c9813e,0 0 3px #fff,0 0 6px #fff}.qs{margin:0 0 1% 0}#hikmah_sedekah:target{top:33%}}
@media screen and (max-width:768px){.gsedekah{width:100%;margin:-2% 0 0 -5%;opacity:0.5}.jsubox{width:100%;margin:5% 0 0 0}.pengertian{text-shadow:0 0 2px #fff,0 0 4px #fff}.qs{margin:5% 0 0 0}}
@media screen and (max-width:650px){.gsedekah{width:100%;margin:0 0 0 -3%}}
@media screen and (max-width:500px){#box{height:460px}.gsedekah{width:100%;margin:-1% 0 0 -3%;opacity:0.9}.jsubox{width:100%;margin:25% 0 0 0}.qs{margin:3% 0 0 0}.dis-qus{margin:1% 2% 1% 2%}.jkomen{margin:2% 2% 1% 2%}}
@media screen and (max-width:420px){.gsedekah{width:100%;opacity:0.5}.jsubox{width:100%;margin:20% 0 0 0}.investasi{font-size:30px}.sedekah{font-size:55px}.pengertian{font-size:11px}}
@media screen and (max-width:360px){.qs{font-size:11px}}
@media screen and (max-width:240px){#box{height:540px}.gsedekah{width:100%;margin:-1% 0 0 -3%;opacity:0.9}.investasi{font-size:30px}.sedekah{font-size:40px}}

/*********************END BZC Blogazine*********************/